﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="BookShopSys.Index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>柏舟</title>
    <link href="Css/Index.css" rel="stylesheet" />
    <link href="Css/ValueAll.css" rel="stylesheet" />
    <link href="Css/layie/layui.css" rel="stylesheet" />
    <script src="Css/layie/layui.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="main">
            <div class="top">
                <div class="topTie">
                    <ul class="layui-nav">
                        <li class="layui-nav-item"><a href="Index.aspx">图书管理系统</a></li>
                        <li class="layui-nav-item">
                            <a href="BuyShop.aspx">商城</a>
                        </li>
                        <li class="layui-nav-item"><a href="Member.aspx">个人中心</a></li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">设置</a>
                            <dl class="layui-nav-child">
                                <dd><a href="Login.aspx">登录</a></dd>
                                <dd><a href="Register.aspx">注册</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">Admion</a>
                            <dl class="layui-nav-child">
                                <dd><a href="../Admaos/AdmainLogin.aspx">登录</a></dd>
                                <dd class="layui-this"><a href="../Admaos/AdminRegister.aspx">注册</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="topLun">
                    <div class="layui-carousel" id="test2">
                        <div carousel-item="">
                            <div>
                                <img src="Img/10004.jpg" />
                            </div>
                            <div>
                                <img src="Img/sss.jpeg" />
                            </div>
                            <div>
                                <img src="Img/pexels-photo-691571.jpeg" />
                            </div>
                            <div>
                                <img src="Img/pexels-photo.jpg" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shopTit">      
                <div class="shopptx site-demo-flow">
                    <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="Repeater1_ItemCommand">
                        <ItemTemplate>
                            <dl>
                                <dt>
                                    <img src='Img/<%# Eval("liberCont") %>' alt="" />
                                </dt>
                                <dd class="opp"><%#Eval("liberName") %></dd>
                                <dd class="layui-text layui-hide"><%#Eval("liberMoney") %></dd>
                                <dd class="layui-text layui-hide"><%#Eval("liberConut") %></dd>
                                <dd class="layui-text layui-hide"><%#Eval("ManageID") %></dd>
                                <dd class="layui-text layui-hide"><%#Eval("liberTitle") %></dd>
                                <dd class="layui-text layui-hide"><%#Eval("liberJianjie") %></dd>
                                <dd style="width: auto; text-align: center">
                                    <asp:LinkButton ID="LinkButton1" runat="server" OnCommand="LinkButton1_Command" CommandName="Add" CommandArgument='<%# Eval("liberID") %>'>查看详情</asp:LinkButton></dd>
                                <dd>
                                    <dd>
                                        <a href='Shoop.aspx?sid=<%# Eval("liberID")%>'>
                                            <button type="button" class="layui-btn layui-btn-fluid">加入购物车</button></a>
                                    </dd>
                            </dl>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
            </div>
            <div class="bottm">
                <div class="boos">
                    <label>发展史</label>
                </div>
                <div class="opa">
                    <img src="Img/Sun.png" />
                </div>
                <div class="ops">
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月18日</h3>
                                <p>
                                    无论有多少风霜雨夜书籍始终陪伴你
        <br/>
                                    不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
        <br/>
                                    无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月16日</h3>
                                <p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
                                <ul>
                                    <li>《登高》</li>
                                    <li>《茅屋为秋风所破歌》</li>
                                </ul>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">8月15日</h3>
                                <p>
                                    中国人民抗日战争胜利72周年
        <br/>
                                    常常在想，尽管对这个国家有这样那样的抱怨，但我们的确生在了最好的时代
        <br/>
                                    铭记、感恩
        <br/>
                                    所有为中华民族浴血奋战的英雄将士
        <br/>
                                    永垂不朽
                                </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">过去</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="layui-bg-cyan bttm "></div>
        </div>
    </form>
    <script>
        layui.use(['carousel', 'form'], function () {
            var carousel = layui.carousel
                , form = layui.form;
            //常规轮播
            carousel.render({
                elem: '#test2'
                , arrow: 'always'
            });

            //改变下时间间隔、动画类型、高度
            carousel.render({
                elem: '#test2'
                , interval: 1800
                , anim: 'fade'
                , width: '1900px'
                , height: '527px'
            });
            //图片轮播
            carousel.render({
                elem: '#test3'
                , width: 'auto'
                , height: '530px'
                , interval: 5000
            });
        });
    </script>
</body>
</html>
